<!-- Wrapper-->
<div id="wrapper">
    <!-- Navigation -->
    <div ng-include="'views/common/navigation.html?v=1'"></div>
    <!-- Page wraper -->
    <div class="gray-bg {{$state.current.name}}" id="page-wrapper">
        <!-- Page wrapper -->
        <div ng-include="'views/common/topnavbar.html?v=1'"></div>
        <div ng-controller="zbxdashboardCtl">
            <div class="wrapper wrapper-content">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <span class="label label-success pull-right">主机</span>
                            </div>
                            <div class="ibox-content">
                                <h1 class="no-margins">{{data.hosts||0}}</h1>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <span class="label label-info pull-right">指标</span>
                            </div>
                            <div class="ibox-content">
                                <h1 class="no-margins">{{data.items||0}}</h1>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <span class="label label-primary pull-right">触发器</span>
                            </div>
                            <div class="ibox-content">
                                <h1 class="no-margins">{{data.triggers||0}}</h1>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <span class="label label-danger pull-right">问题</span>
                            </div>
                            <div class="ibox-content">
                                <h1 class="no-margins">{{data.problems||0}}</h1>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="ibox float-e-margins">
                            <!--                            <div class="ibox-title">-->
                            <!--                                <h5>问题</h5>-->
                            <!--                                <div class="pull-right"></div>-->
                            <!--                            </div>-->
                            <div class="ibox-content">
                                <table class="table table-hover" datatable="ed"
                                       dt-column-defs="dtColumnDefs" dt-columns="dtColumns"
                                       dt-instance="dtInstance" dt-options="dtOptions">
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
